<template>
	<div class="wrapper">
		<div class="header">
			<el-row :gutter="0">
				<el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
					<!-- 顶部左侧LOGO -->
					<div class="logo">
						<a target="_self" href="/">
							<img class="img_top" src="../../assets/logo.png" />
							<span class="home_title hidden-xs-only">编程科技导航</span>
						</a>
					</div>
				</el-col>
			</el-row>
		</div>
	</div>

	<div class="manin-body">
		<router-view></router-view>
	</div>

</template>

<script>
	export default {
		data() {
			return {
			}
		},
		
	}
</script>

<style>
	body {
		background-color: #f0f0f0;
	}


	.button_search {
		border-radius: 0;
		margin-left: 1px;
	}


	.wrapper {
		width: 100%;
		background: #f0f0f0;
		height: 10% !important;
	}

	.header {
		/* position: relative; */
		/* box-sizing: border-box; */
		width: 100%;
		height: 70px;
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		/* font-size: 15px; */
		border-bottom: 1px solid #ffffff;
		box-shadow: 0px 4px 4px #dfdfdf;
	}

	.header .logo {
		float: left;
		margin-left: 60px;
		margin-top: 16px;
		height: 29px;
		width: 160px;
		vertical-align: middle;
	}

	.home_title {
		text-align: center;
		margin-left: -70px;
		padding-left: 20px;
		padding-right: 15px;
		line-height: 40px;
		font-weight: 600;
		font-size: 16px;
		color: #646464;
		cursor: pointer;
	}

	.img_top {
		float: left;
		margin-left: -50px;
		width: 2.5rem;
		height: 2.5rem;
	}
</style>
